<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Ibatch-WorkflowEditor</title>
    <link rel="stylesheet" media="all" type="text/css" href="../../../webjar/bootstrap/3.3.7-1/css/bootstrap.min.css">
    <link rel="stylesheet" media="all" type="text/css" href="../../../webjar/bootstrap/3.3.7-1/css/bootstrap-theme.min.css">
    <link rel="stylesheet" media="all" type="text/css" href="CSS/workflow.css" />
    <script type="text/javascript" src="script/fabric.require.js"></script>
    <script type="text/javascript" src="script/fabric.js"></script>
    <script type="text/javascript" src="script/jquery.min.js"></script>
    <script type="text/javascript" src="../../Public/ServerPath.js"></script>
    <script type="text/javascript" src="../../../webjar/layer/layer.js"></script>
    <script type="text/javascript" src="../../Public/ibcpLayer.js"></script>
    <script type="text/javascript" src="../../Public/ibcpAjax.js"></script>
    <script type="text/javascript" src="../../Public/Sign.js"></script>
    <script type="text/javascript" src="script/workflowscript.js"></script>
    <script type="text/javascript" src="../../../webjar/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        $(function(){
            initPageFormat();
            initPage("check");
        });

        $(window).resize(function(){
            'use strict';
            initPageFormat();
        });

        //初始化页面格式布局
        function initPageFormat(){
            'use strict';
            var $width = $(window).width() - 275;
            $('#canvasbox').css('width', $width);
            if($(window).height() <= $('#installpage').height()){
                var $height = $('#installpage').height();
                $('#canvasbox').css('height', $height);
            }
            else{
                var $height = $(window).height();
                $('#canvasbox').css('height', $height);
            }
        }
    </script>
</head>

<body style="background-color:#333">
<div class="basic" style="background-color: #999999;">

    <div id="canvasbox" class="workcneter" style="height:100%;overflow:auto;float:left;">
        <canvas id="canvas" width="3000" height="3000"></canvas>
    </div>

    <div id="installpage" style="width:270px;float:right;margin-bottom: 10px;background-color: #999999">
        <fieldset style="padding-bottom: 10px;width: 92%;margin: 0 auto;border-radius: 5px;background-color: #999999;">
            <legend style="font-size: 16px" >当前元素</legend>
            <div style="background-color: #999999;">
                <div style="width:98%;margin:0 auto;background-color: #999999;">
                    <select id="Current_Target" size="3" style="width:98%;margin:0 auto;"></select>
                </div>
            </div>
        </fieldset>

        <fieldset style="padding-bottom: 10px;width: 92%;margin: 0 auto;border-radius: 5px;">
            <legend style="font-size: 16px" >属性信息</legend>
            <div style="background-color:#999999;">
                <table cellspacing="1" cellpadding="1">
                    <tr bcsgrp="Info-Task">
                        <td>
                            <label>代码：</label>
                        </td>
                        <td>
                            <input type="text" readonly="readonly" id="WF_Code" wftype="Task">
                        </td>
                    </tr>
                    <tr bcsgrp="Info-Task">
                        <td>
                            <label>名称：</label>
                        </td>
                        <td>
                            <input type="text" readonly="readonly" id="WF_Name" wftype="Task">
                        </td>
                    </tr>
                    <tr bcsgrp="Info-Task">
                        <td>
                            <label>版本：</label>
                        </td>
                        <td>
                            <input type="text" readonly="readonly" id="WF_Version" wftype="Task">
                        </td>
                    </tr>
                    <tr bcsgrp="Info-Gate">
                        <td>
                            <label>公式：</label>
                        </td>
                        <td>
                            <textarea id="WF_Formula" wftype="Gate" wftype="Gate" readonly="true"></textarea>
                        </td>
                    </tr>
                    <tr bcsgrp="Info-Connector">
                        <td>
                            <label>连接类型：</label>
                        </td>
                        <td>
                            <select id="WF_CoType" onchange="selectCoType(this.id)" wftype="Connector" disabled="disabled">
                                <option value="0">开始-开始</option>
                                <option value="1">结束-开始</option>
                            </select>
                        </td>
                    </tr>
                    <tr bcsgrp="Info-Connector">
                        <td>
                            <label>起始点：</label>
                        </td>
                        <td>
                            <input type="text" id="WF_CoStart" wftype="Connector" readonly="true">
                        </td>
                    </tr>
                    <tr bcsgrp="Info-Connector">
                        <td>
                            <label>终止点：</label>
                        </td>
                        <td>
                            <input type="text" id="WF_CoEnd" wftype="Connector" readonly="true">
                        </td>
                    </tr>
                </table>
            </div>
        </fieldset>
    </div>
    <div id="zoombox" style="display:none">
        <span id="zoomshow"></span>
    </div>
</div>
</body>
</html>